<template>
	<div class="notice" :class="this.$store.getters.isIphoneX ? 'pad-top80' : 'pad-top'">
		<back-header title="新手攻略"></back-header>
		<div class="novice_content">
            <div class="banner"><img src="../assets/images/intbanner.jpg"></div>
            <div class="novice_live">
                <div class="novice_live_video">
                    <img src="../assets/images/intlive.png">
                </div>
            </div>
            <div class="com_problem">
                <div class="title"><img src="../assets/images/inttitle.png"></div>
                <div class="item">
                    <h3>1、娃娃怎么才算抓取成功</h3>
                    <div class="info">① 只有娃娃掉入洞口里才算抓取成功哦，被弹出来、抓到半路掉下去的娃娃，都不算抓取成功！<br>② 如果本人把娃娃移动到洞口上方，但娃娃没有掉下来，可以点击个人中心中的在线客服或问题反馈进行申诉，反馈后客服会核实还给您的哦！如果娃娃一开始就在洞口上方，且不是本人操作，这个娃娃不属于您哦！</div>
                </div>
                <div class="item">
                    <h3>2、在哪里查看我抓到的娃娃？抓到了怎么看？</h3>
                    <div class="info">在首页的右上角点击“背包”按钮，查看抓到的娃娃。抓到的娃娃可以申请发货或者兑换成金币哦！<br>① 兑换金币：不同娃娃可以兑换不同金币哦！ <br>② 申请发货：提交订单后3个工作日内处理（除节假日及特殊情况，如大雪暴雨等不可控自然灾害，会延期），邮寄2个或以上娃娃，我们将会包邮哦！<br>注：提交的订单里面只有一只娃娃将不予以邮寄，我们默认为您对换成金币.</div>
                </div>
                <div class="item">
                    <h3>3、怎么知道我有多少金币？金币怎么才能获得？</h3>
                    <div class="info">在左上角的个人中心，在头像下方就是剩余金币或在进入房间中的右下角也可以看到剩余金币。<br>获取金币攻略：<br>①  充值：每档充值都有一定的优惠哦，充的多，赠的多。5元充值除外哦！<br>②邀请好友：成功邀请好友，邀请方是可以得到30金币，被邀请方没有金币哦！只有注册金币。邀请好友没有上线。<br>③关注公众号或微博号：成功关注后会有不同的奖励哦！添加微信号：mengxiangzhuawawa或加QQ群：601624944更会有意外惊喜哦！</div>
                </div>
                <div class="item">
                    <h3>4、游戏中出现故障怎么办？</h3>
                    <div class="info">游戏中出现爪子卡住等情况，千万不要慌，退出点击个人中心的在线客服，小梦梦会核实后会按照实际情况补偿娃娃哦！</div>
                </div>
                <div class="item">
                    <h3>5、还有什么小福利小秘籍吗</h3>
                    <div class="info">这都被你们发现了，关注微信公众号和微博号会有不同的奖励哦！添加微信号：mengxiangzhuawawa或加QQ群：601624944更会有意外惊喜哦！</div>
                </div>
            </div>
        </div>
	</div>
</template>

<script type="text/javascript">
	import backHeader from '../components/backHeader'
	export default{
		components:{backHeader}
	}
</script>

<style scoped>
	.novice_content .banner img {
	    width: 100%;
	    display: block;
	}

	.novice_live {
	    width: 100%;
	    padding: 15px 0 30px;
	    background: url(../assets/images/intbg2.jpg) no-repeat center bottom #bc2e2b;
	    background-size: 100%;
	}

	.novice_live_video {
	    width: 90%;
	    margin: 0 auto;
	}

	.novice_live_video img {
	    width: 100%;
	}
	.com_problem {
	    width: 100%;
	    padding-bottom: 10px;
	    background: url(../assets/images/intbg1.jpg) repeat-y;
	    background-size: 100%;
	}

	.com_problem .title {
	    text-align: center;
	    padding: 10px 0;
	}

	.com_problem .title img {
	    width: 50%;
	    margin: 0 auto;
	}

	.com_problem .item {
	    width: 90%;
	    margin: 0 auto;
	    padding: 15px 10px;
	    background: #e74e4b;
	    border-radius: 10px;
	    margin-bottom: 30px;
	    box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    }

	.com_problem .item h3 {
	    color: #fefb00;
	    font-size: 18px;
	    font-weight: 400;
	    padding-bottom: 10px;
	}

	.com_problem .item .info {
	    color: #fff;
	    font-size: 14px;
	    line-height: 25px;
	    padding-left: 20px;
	    font-weight: 200;
	}

</style>